﻿<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',border:false" style="height: 150px; border-bottom-width: 1px; padding: 10px; font-size: 14px;">
        <a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="/Panel/ViewInlocaleSource" target="_blank">点击查看扩展代码</a>
        <br />
        js依赖项：
        <br />
        [query-1.11.0.js]、[jquery.jdirk.js]、[jquery.easyui.min.js]、[jeasyui.extensions.base.isEasyUI.js]、[jeasyui.extensions.panel.position.js]、[jeasyui.extensions.panel.inlocale.js]
    </div>
    <div data-options="region:'center',border:false,title:'此处仅显示“功能演示”选项卡所示功能基于本扩展的实现源码'" style="padding: 15px; font-size: 14px;">
        <a href="~/Demos/ExtensionDemos/Panel/InlocaleDemo.rar" target="_self">下载本扩展功能演示Demo</a>
        <br />
        <div style="font-size: 17px; font-weight: bold; margin-top: 15px;margin-bottom:10px;">
            扩展属性API
        </div>
        <table class="tableAPI">
            <tr class="title">
                <td style="width:15%;">名称</td>
                <td style="width: 10%;">类型</td>
                <td>描述</td>
                <td style="width: 7%;">默认值</td>
            </tr>
            <tr>
                <td>inlocale</td>
                <td>Boolean 类型</td>
                <td>
                    该属性表示该窗口是否无法移除父级对象边界。
                </td>
                <td>true</td>
            </tr>
            <tr>
                <td>onMove</td>
                <td>function 类型</td>
                <td>
                    重写 easyui-panel/window/dialog 控件的 onMove 事件，以支持自定义属性 inlocale 的功能。<br />
                    <br />
                    落阳注：<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>虽然 move 方法和 onMove、left、top 属性定义在 easyui-panel 中，但 easyui-panel 并不支持 move 方法和 left、top 属性的使用。<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>对 easyui-panel 对象调用 move 方法，也会触发 onMove 事件，也可以对 easyui-panel 设定 left 和 top 属性，但不会有实际效果。<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>原因也很简单：easyui-panel 的 style 中缺少 position:absolute 的定义，从而导致 style 中 left 和 top 属性设定无效。<br />
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>上述属性和方法，是为 easyui-window、easyui-dialog 以及更复杂的派生组件准备的。
                </td>
                <td>已被重写</td>
            </tr>
        </table>
    </div>
</div>
